

/*概览/业务转换*/
.view-box{ margin:10px 40px 0px 20px;}
.view-box .view-til{ height:40px; margin-bottom:10px;}
.view-box .view-til .til_box{ position: relative; float:left; width:80px; height:40px; font-size:18px; line-height:40px; color:#222;}
.view-box .view-til .til_box .tips{ position: absolute; top:10px; left: 50px;  width: 22px; height: 22px; background:url(../../images/statisticsData/icon_tips.png) no-repeat;}
.view-box .tips_box{ position: absolute;  top:20px; left: 120px; right: 40px;line-height: 34px; font-size: 13px; color: #eee; padding: 15px; background: #000; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -o-opacity: 0.8; border-radius: 0;}

.view-box .view-til .area_box{ float:left; width:220px; height:40px; border-radius:6px; /* background:#f3f3f3; */    border: 1px solid #f1f1f1;}
.view-box .view-til .area_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}

.view-box .view-til .area_box .selbox{ position: relative; width: 200px; height: 40px; margin:0 20px;}
.view-box .view-til .area_box .selbox .t{ padding-left: 15px; height: 40px;line-height: 40px; font-size: 16px; color: #333;}
.view-box .view-til .area_box .selbox:after{  position: absolute; content: "";  top: 12px; right: 12px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .area_box .selbox .sel-option{ position: absolute; top: 40px; left: 0; width: 200px;  max-height: 400px; overflow: scroll; box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .area_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .area_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .area_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .area_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}



.view-box .view-til .leixingselect_box{cursor:pointer; float:left; width:120px; height:40px; border-radius:40px; background:#f3f3f3; margin-left: 10px;}
.view-box .view-til .leixingselect_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}
.view-box .view-til .leixingselect_box .selbox{ position: relative; width: 120px; height: 40px; /* margin:0 20px; */}
.view-box .view-til .leixingselect_box .selbox .t{ padding-left: 25px; height: 40px;line-height: 40px; font-size: 14px; color: #333;}
.view-box .view-til .leixingselect_box .selbox:after{  position: absolute; content: "";  top: 15px; right: 13px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .leixingselect_box .selbox .sel-option{ display:none;position: absolute; top: 40px; left: 10px; width: 100px;  max-height: 400px; /* overflow: scroll; */ box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .leixingselect_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}

.view-box .view-til .yewuselect_box{ cursor:pointer;float:left; width:190px; height:40px; border-radius:40px; background:#f3f3f3; margin-left: 10px;}
.view-box .view-til .yewuselect_box .sel{ width:140px; height:40px;margin:0 20px; line-height:40px; font-size:14px; color:#444;background:none; border:none;}
.view-box .view-til .yewuselect_box .selbox{ position: relative; width: 190px; height: 40px; /* margin:0 20px; */}
.view-box .view-til .yewuselect_box .selbox .t{ padding-left: 25px; height: 40px;line-height: 40px; font-size: 14px; color: #333;}
.view-box .view-til .yewuselect_box .selbox:after{  position: absolute; content: "";  top: 15px; right: 13px; background:url(../../images/statisticsData/icon_arrow_down.png) 0 0 no-repeat; width: 18px; height: 18px; display: block;}
.view-box .view-til .yewuselect_box .selbox .sel-option{display:none; position: absolute; top: 40px; left: 10px; width: 170px;  max-height: 400px; /* overflow: scroll; */ box-shadow: 0 5px 9px rgba(0,0,0,0.3); z-index: 99;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul{ background: #fff;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li{ height: 39px; border-bottom: 1px #eee solid;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li a{ padding-left: 15px; color: #666; font-size: 14px; height: 39px; line-height: 38px; display: block;}
.view-box .view-til .yewuselect_box .selbox .sel-option ul li a:hover{background: #f6f6f6;}





.downico{ float:right; width:15px; height:8px; background:url(../../images/statisticsData/icon_arrow.png) 0 0 no-repeat ;
 margin:15px 18px 0px 0px; display:block;}

.view-box .view-data{ padding:5px 0; border-bottom:1px solid #e0e0e0;}
.view-box .view-data.nobr{ border:none;}
.view-box .view-data ul{ padding-bottom:10px;}
.view-box .view-data ul li{ float:left; width:20%; text-align:center;}
.view-box .data-list .data-icon{ float:left; width:65px; height:65px; display:block; margin-right:10px;}
.view-box .data-list .data-icon.enroll{ background:url(../../images/statisticsData/icon_enroll.png) center center no-repeat;}
.view-box .data-list .data-icon.manager{ background:url(../../images/statisticsData/icon_manager.png) center center no-repeat;}
.view-box .data-list .data-icon.today{ background:url(../../images/statisticsData/icon_today.png) center center no-repeat;}
.view-box .data-list .data-icon.average{ background:url(../../images/statisticsData/icon_average.png) center center no-repeat;}
.view-box .data-list .data-icon.proportion{ background:url(../../images/statisticsData/icon_proportion.png) center center no-repeat;}
.view-box .data-list .data-txt{ float:left; display: inline-block;}
.view-box .data-list .data-til{ height:25px; line-height:20px; color:#555; font-size:14px;}
.view-box .data-list .data-value{ height:40px; font-weight:bold; line-height:40px; color:#222; font-size:36px;}
.view-box .data-tab{ float:left; margin:0px 0px 0px 30px;;     font-size: 14px;}
.view-box .data-tab ul li{ float:left; border-right:1px solid #e2e2e2;}
.view-box .data-tab ul li:last-child{ border:none;}
.view-box .data-tab ul li a{ height:14px; line-height:14px; color:#acacac; padding:0 20px;}
.view-box .data-tab ul li.active a{ color:#222; font-weight:bold;}
.view-box .data-tab ul li.select a{ color:#ff4936; font-weight:bold;}
/* .view-box .data-tab ul li a:hover{ color:#888; text-decoration: none !important;} */
/* .view-box .data-tab ul li.active a:hover{ color:#ff4936;} */
.view-box .data-tab-con{ padding:5px 0;}
.view-box .data-half{ float:left; width:50%;}

.titleleft{float:left;margin: 13px 0px 0px 50px;font-size: 14px;}
.searchbtn{
	background: #fcaa51;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    float:right;
    padding: 10px 20px;
}
/******全业务统计********/
.search-item span{ float: left; font-size: 14px; padding-right: 10px; line-height: 40px; color: #666;}
.search-item .item-style{ float: left; height: 18px; margin-right: 10px; font-size: 14px; padding:10px; border: 1px solid #f1f1f1; color: #626262; border-radius: 4px;}
.search-item .tabbtn{ display: block; width:50px; text-align: center; }
.search-item .tabbtn:hover{ text-decoration: underline; } 
.search-item .tabbtn-active{ color: #4dad97; border: 1px solid #80cbba;}
.search-item .tabbtn-disable{ color: #c0c0c0;}


.m-count-table{ background: #fff; margin: 10px 15px 0;}
.m-count-table .mTable1 {clear: both;margin: 0; padding: 0;border-collapse: collapse ;color:#515151;font-size: 13px;width: 100%;}
.m-count-table .mTable1 th{	white-space: nowrap; text-align: center;font-family: "Microsoft YaHei";border-left: 1px solid #e1e1e1;-moz-border-top-colors: none;-moz-border-right-colors: none;	-moz-border-bottom-colors: none;-moz-border-left-colors: none;border-image: none;padding: 10px;height: 25px;line-height: 25px;border-width: 1px 1px 1px;border-style: solid;
border-color: #eaebe9;word-spacing: 8px; background: #fafafa;}
.m-count-table table td {padding: 5px;border: 1px solid #efefef;border-bottom: none;border-right: none; line-height: 30px;}


